{% extends '::base.html.twig' %}

{% block stylesheets %}
<link href="{{ asset('js/jquery.bxslider/jquery.bxslider.css') }}" rel="stylesheet" />
{{ parent() }}
{% endblock %}

{% block home_attributes %} class="active"{% endblock %}

{% block title %}{% trans %}Educino Home{% endtrans %}{% endblock %}

{% block body %}
{% if slides | length > 0 %}
<div class="row-fluid banner">
    <ul class="bxslider">
        {% for slide in slides %}
            <li>
            {% if slide.url %}
                    <a href="{{ slide.url }}">
            {% endif %}
                            <img alt="slide{{ slide.id }}" src="{{ slide.getSmallImageUrl(650, 360) }}" {% if slide.getTitle(locale) %}title="{{ slide.getTitle(locale) }}" {% endif %}/>
            {% if slide.url %}
                        </a>
            {% endif %}
                    </li>
        {% endfor %}
                </ul>
                <div class="textBlock">
                    <h1>{% trans %}How can Educino help you ?{% endtrans %}</h1>
                    <p>
                        {% trans %}Educino will help you with every aspect of the college application process. From resume critiquing to preparing your personal statement, we will help you find and apply to the best colleges that match your career goals and educational interests.{% endtrans %}
                    </p>
                    <a href="{{ path('about') }}" class="btn blue readMore"><b>{% trans %}Learn More{% endtrans %}</b></a>
                </div>
            </div>
{% endif %}

            <div class="row-fluid bigText">
                <h1>{% trans %}Empowering Students to Build a Brighter Future{% endtrans %}</h1>
            </div>

            <hr class="customHr"/>
            <div class="row-fluid">
                {% if questions | length > 0 %}
                <div class="span4 RecentQuestion">
                    <h4 class="heading">{% trans %}Ask an expert{% endtrans %}</h4>
                    {% for question in questions %}
                    <div class="question">
                        <a href="{{ path('show_question',{'id' : question.id}) }}">{{ question }}</a>
                    </div>
                    {% endfor %}
                </div>
                {% endif %}    
                    
                <div class="span4 imageBlock">
                    <span class="imageBlockText">
                        {% trans %}Learn how to choose the best college for you!{% endtrans %}
                    </span>

                        <button onclick="window.location = '{{ path('contact_us') }}'">
                        <span>{% trans %}Book{% endtrans %}</span>
                        <br/>
                        {% trans %}A Free Appointment{% endtrans %} 
                    </button>
                    <button onclick="window.location = '{{ path('contact_us') }}'">
                        <span>{% trans %}Schedule{% endtrans %}</span>
                        <br/>
                        {% trans %}A Free Presentation{% endtrans %}
                    </button>
                </div>
                    
                {% if posts | length > 0 %}
                <div class="span4 RecentBlogPosts">
                    <h4 class="heading">{% trans %}Recent Blog Posts{% endtrans %}</h4>

                    {% for post in posts %}
                    <div class="postBlock">
                        <h5>&raquo; {{ post.getTitle(locale) }}</h5>
                        <hr class="smallHr"/>
                        <p>
                        {{ post.getSmallDesc(locale) }}
                                <a class="readmore" href="{{ path('show_blog', {'id': post.id}) }}">read more</a>
                            </p>
                        </div>
                    {% endfor %}

                    </div>
                {% endif %}
                </div>
                <hr class="customHr"/>

                <div class="row-fluid">
                    <div class="span8">
                        <h2>{% trans %}About Educino{% endtrans %}</h2>
                        <p>
                            {% trans %}Educino is an educational consulting service run by creative people who love helping students succeed. Through college counseling, test preparation, and application support, we maximize the opportunities available for students to flourish.{% endtrans %}
                        </p>
                        <p>
                            {% trans %}Everyone has a story - a unique set of experiences that college admission officers and recruiters look for - but not everyone has the skills to package and present those experiences in ways that highlight their accomplishments. That's where we come in.{% endtrans %} 
                        </p>
                        <p>
                            {% trans %}We leverage our extensive knowledge of the college admissions process and our vast alumni network to level the playing field and help you properly showcase your talents to gain admission into the most elite universities in the world.{% endtrans %}
                            <a class="readmore" href="{{ path('about') }}">{% trans %}read more{% endtrans %}</a>
                        </p>
                    </div>
                    {% if facebook_profile_link or twitter_profile_link or linkedin_profile_link or googleplus_profile_link %}
                        <div class="span4">
                            <div class="followUs">
                                {% if facebook_profile_link %}
                                <div class="fb-like-box" data-href="{{ facebook_profile_link }}" data-width="300" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>
                                {% endif %}
                                <h5>{% trans %}Follow Us{% endtrans %}</h5>
                                <hr class="smallHr">

                                <ul>
                                    {% if facebook_profile_link %}
                                    <li><a href="{{ facebook_profile_link }}" class="facebook"></a></li>
                                    {% endif %}
                                    {% if twitter_profile_link %}
                                    <li><a href="{{ twitter_profile_link }}" class="twitter"></a></li>
                                    {% endif %}
                                    {% if linkedin_profile_link %}
                                    <li><a href="{{ linkedin_profile_link }}" class="linkedin"></a></li>
                                    {% endif %}
                                    {% if googleplus_profile_link %}
                                    <li><a href="{{ googleplus_profile_link }}" class="google"></a></li>
                                    {% endif %}
                                </ul>
                            </div>
                        </div>
                        {% endif %}
                </div>

{% endblock %}

{% block javascripts %}
{{ parent() }}
                <script src="{{ asset('js/jquery.bxslider/jquery.bxslider.min.js') }}"></script>
                <script>
                    $('.bxslider').bxSlider({
                        auto: true,
                        mode: 'fade',
                        captions: true
                    });
                    </script>
{% endblock %}